@charset "utf-8";/*Copyright (C) 山东卓博信息科技有限公司 All rights reserved版权声明：以下代码均属于山东卓博信息科技有限公司（以下简称卓博科技）原创设计，版权归卓博科技所有，拷贝、抄袭、盗用者将追究其法律责任。 */body {background:#fff;font-size:14px}

a {color:#000;text-decoration:none;-webkit-transition:all .1s linear 10ms;-moz-transition:all .1s linear 10ms;-o-transition:all .1s linear 10ms;transition:all .1s linear 10ms;-ms-transition:all .1s linear 10ms}

a:hover {color:#3871c1;text-decoration:none}

ul {margin:0;padding:0;list-style:none}

img,li {-webkit-transition:all .2s linear 10ms;-moz-transition:all .2s linear 10ms;-o-transition:all .2s linear 10ms;transition:all .2s linear 10ms;-ms-transition:all .2s linear 10ms}

em {font-style:normal}

@keyframes promove {from {transform:translateX(0)}

to {transform:translateX(5px)}

}

i,em{ font-style:normal;}

h1,h2,h3,h4,h5,h6 {margin:0 auto}

.open>.dropdown-menu {display:block}

.open>a {outline:0}

.dropdown-menu {width:65px;}

.dropdown-menu li {font-size:14px;line-height:20px;text-align:center;}

.dropdown-menu li a {padding:8px 16px;color:#6f6f6f;text-decoration:none;display:block;clear:both;font-weight:300;line-height:18px;white-space:nowrap;}

.fl {float:left}

.fr {float:right}

.container {position:relative;padding:0;width:1200px!important;max-width:1200px}

.bt01 {font-size:34px;color:#3871c1;text-align:center;line-height:40px;overflow:hidden;height:80px;font-weight:bold;}

.bt01 a {color:#3871c1;}

.bt01 span {color:#cd1017;}

.bt01 i {font-size:12px;font-weight:normal;color:#999999;font-family:Arial;display:block;text-transform:uppercase;letter-spacing:2px;}

.bt01 img {vertical-align:middle;margin:0 15px;}

.cp_tit {font-size:40px;color:#333;text-align:center;height:85px;line-height:40px;overflow:hidden;background:url(../images/cp_tline.png) no-repeat center 60px;font-weight:700;}

.cp_tit a {color:#333;}

.cp_tit a:hover,.cp01 h3 a:hover {color:#3871c1;}

.cp_tit span {color:#333;display:block;font-size:20px;font-weight:normal;padding:3px 0 0;}

.header{height:100px}

.header .logo{float:left;margin-top:15px;margin-left:8.33%}

.header .logo img{display:block;height:70px}

.header .tel{float:right;box-sizing:border-box;padding-left:2.083vw;width:20.833vw;height:100px;background:#3871c1}

.header .tel em{float:left;padding-left:34px;height:100px;background:url(../images/tel1.png) no-repeat 0;color:#fff;font-size:1.302vw;font-family:Lato;line-height:100px}

.header .tel span{float:left;padding-left:34px;height:100px;background:url(../images/tel1.png) no-repeat 0;color:#fff;font-size:1.302vw;font-family:Lato;line-height:100px}

.header .tel i{float:left;margin:36px 0 0 30px;height:28px}

.header .h_nav{float:right;margin-right:2.396vw;height:100px}

.header .h_nav li{float:left;margin-left:1.5625vw;height:100px}

.header .h_nav li:first-child{margin-left:0}

.header .h_nav li>a{position:relative;display:block;color:#333;font-size:16px;line-height:100px}

.header .h_nav li>a:after{position:absolute;bottom:0;left:0;width:0;height:4px;background:#3871c1;content:"";transition:all .5s}

.header .h_nav li.cur>a:after,.h_nav li>a:hover:after{width:100%}

.header .pro_nav,.way_nav{position:absolute;top:100px;left:0;z-index:100;display:none;width:100%;height:260px;background:hsla(0,0%,100%,.95);box-shadow:0 0 20px rgba(0,0,0,.1)}

.header .pro_nav .content{padding-top:50px}

.header .pro_nav p{float:left;box-sizing:border-box;margin-left:0;width:240px;height:160px;border-right:1px solid #e2e2e2;text-align:center}

.header .pro_nav p img{display:block;margin:0 auto;height:120px;transition:all .5s}

.header .pro_nav p span{display:inline-block;box-sizing:border-box;padding-right:40px;height:32px;max-width:100%;background:url(images/pro_jt.png) no-repeat 100%;color:#000;font-weight:400;font-size:20px;line-height:32px}

.header .pro_nav p:hover img{transform:scale(1.05)}

.header .pro_nav p:last-child{border-right:0}

.header .way_ctg{float:left;margin-top:35px;width:720px}

.header .way_ctg a{float:left;width:320px;height:60px;border-bottom:1px solid #e2e2e2;background:url(images/pro_jt.png) no-repeat 100%;color:#333;font-size:16px;line-height:60px}

.header .way_ctg a:nth-child(2n){float:right}

.header .way_ctg a:hover{color:#3871c1}

.header .way_pic{float:right;overflow:hidden;margin-top:45px;width:300px}

.header .way_pic img{display:block;width:100%;transition:all .5s}

.header .way_pic:hover img{transform:scale(1.05)}

@media screen and (max-width:1600px){.header .logo{margin-left:4%}

.header .h_nav li>a{font-size:15px}

}

@media screen and (max-width:1440px){.h_nav li>a{font-size:14px}

}

@media screen and (max-width:1366px){.header .logo{margin-left:2%}

}

.index-title {padding-left:5px;height:35px;border-bottom:2px solid #3871c1;background:#fafafa;line-height:35px}

.index-title .bt {float:left;font-weight:700;font-size:16px}

.index-title .link {float:right;margin-right:10px;color:#666;font-size:12px}

.banner {position:relative;overflow:hidden;width:100%}

.banner .hd {position:absolute;bottom:10px;left:46%;z-index:1;overflow:hidden;height:20px}

.banner .hd ul {float:left;overflow:hidden;zoom:1}

.banner .hd ul li {float:left;margin:0 2px;margin-right:2px;width:10px;height:10px;border-radius:100px;background:rgba(255,255,255,.4);text-align:center;line-height:14px;cursor:pointer}

.banner .hd ul li.on {width:40px;background:#3871c1;color:#3871c1}

.banner .bd {position:relative;overflow:hidden;margin:0 auto;width:100%;text-align:center}

.banner .bd ul {top:0;left:0;width:100%}

.banner .bd li {float:left;width:100%}

.banner .bd li span {display:block;width:100%}

.banner .bd li img {width:100%}

.banner .next,.banner .prev {position:absolute;top:45%;display:block;margin-top:-25px;padding:0 5px;height:75px;background:#fff;color:#000;font-size:50px;line-height:75px;opacity:.5}

.banner .next {right:0;left:auto;background-position:8px 5px}

.banner .next:hover,.banner .prev:hover {opacity:1}

.banner .prevStop {display:none}

.banner .nextStop {display:none}

.sou{height:80px}

.sou,.sou h2{position:relative}

.sou h2{z-index:10;float:left;box-sizing:border-box;margin-top:-100px;margin-left:-10.417vw;padding:54px 0 0 35px;width:360px;height:180px;background:#3871c1;color:#fff;letter-spacing:2px;font-size:33px;line-height:33px}

.sou h2 i{display:block;padding-top:18px;letter-spacing:0;font-weight:400;font-size:18px;line-height:18px}

.hotwd{float:left;margin-left:30px;height:80px;color:#666;font-size:14px;line-height:80px}

.hotwd span{ float:left}

.hotwd ul li{ float: left}

.hotwd a{margin-right:10px;color:#666}

.hotwd a:hover{color:#3871c1}

.s_box{float:right;margin-top:28px;height:24px}

.s_box .txt{padding-left:15px;width:245px;border:0;border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;background:0 0;color:#333;font-size:14px;line-height:24px}

.s_box .btn,.s_box .txt{float:left;height:24px;outline:0}

.s_box .btn{margin-left:10px;width:20px;border:0;background:url(../images/sou.png) no-repeat 50%;cursor:pointer}

@media screen and (max-width:1536px){.sou h2{margin-left:-8vw}

}

@media screen and (max-width:1440px){.sou h2{margin-left:-6vw}

}



.tit{text-align: center;font-weight: normal;}

.tit span{display: block;font-size: 48px;color: #333;line-height: 48px;font-weight: 500;}

.tit i{display: block;font-size: 20px;color: #888;line-height: 20px;padding-top: 20px;}

.yz{box-sizing:border-box;padding:115px 0 0;background:url(../images/yz_bg.jpg) no-repeat center 0}

.yz h2 i{padding-top:14px;color:#333;font-weight:300;font-size:42px;line-height:42px}

.yz h1 i{padding-top:14px;color:#333;font-weight:300;font-size:42px;line-height:42px}

.yz h2 em{display:block;margin:24px auto 0;width:68px;height:68px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);border-radius:50%}

.yz h2 div{display:block;margin:24px auto 0;width:68px;height:68px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);border-radius:50%}

.yz_desc{margin:22px auto 66px;width:1080px;color:#666;text-align:center;letter-spacing:1px;font-size:16px;line-height:32px}

.yz_sz li{position:relative;float:left;margin-right:155px}

.yz_sz li:after{position:absolute;top:6px;right:-62px;width:1px;height:66px;background:#ccc;content:"";opacity:.5}

.yz_sz li:last-child{margin-right:0}

.yz_sz li:last-child:after{display:none}

.yz_sz li span{display:block;height:50px;color:#999;font-size:16px;line-height:16px}

.yz_sz li i{display:inline-block;margin-right:4px;color:#3871c1;vertical-align:top;font-size:60px; font-weight:600;line-height:50px; te}

.yz_sz li:first-child span,.yz_sz li:nth-child(5) span{font-size:24px}

.yz_sz li p{color:#666;font-size:16px;line-height:38px}

.yz_sz li div{transition:all .5s}

.yz_sz li:hover div{transform:translateY(-10px)}

.index-fwxm {height:650px;}

.index-fwxm .pj dl {margin:20px 30px 0 0;height:428px;float:left;width:380px;background:#fafafa;text-align:center;line-height:25px;font-size:14px;color:#666666;}

.index-fwxm .pj dl.nones {margin-right:0;}

.index-fwxm .pj dl img {border:1px solid #a4a4a4;width:378px;height:211px;}

.index-fwxm .pj dl h3 {font-size:24px;line-height:55px;margin-top:20px;}

.index-fwxm .pj dl h3 a {color:#3e3e3e;}

.index-fwxm .pj dl em {display:block;height:2px;width:44px;background:#3871c1;margin:0 auto 13px;}

.index-fwxm .pj dl p {padding:0 28px;text-indent:18px;}

.index-fwxm .pj dl.cur {background:#bf0000;color:#FFF;}

.index-fwxm .pj dl.cur a {color:#FFF;}

.index-fwxm .pj dl.cur em {background:#FFF;}


/*spt*/

.spt{padding: 80px 0 0;height: 850px;background: url(../images/spt_bg.jpg) no-repeat center 0;box-sizing: border-box;}

.spt h2{margin-bottom: 50px;}

.spt li{float: left;width: 300px;margin-bottom: 52px;}

.spt li:nth-child(odd){margin-right: 600px;}

.spt li h3{height: 44px;line-height: 44px;padding-bottom: 52px;border-bottom: 1px solid #D2D2D2;position: relative;font-size: 28px;color: #333;margin-bottom: 24px;}

.spt li h3 i{float: left;width: 64px;}

.spt li h3:after{position: absolute;width: 38px;height: 5px;content: "";background: #29479D;left: 64px;bottom: -3px;}

.spt li p{font-size: 16px;color: #666;line-height: 30px;}

.spt li:hover h3 img{animation: flipInY 1.5s;}


/**/

.advbj {height:1039px;background:#F3F3F3;overflow:hidden;padding-left:195px;}

.adv {padding-top:75px;}

.adv .adv-con {margin:42px;auto;width:910px;}

.adv .adv-con .tempWrap {overflow:visible !important;}

.adv .adv-con ul li {width:880px;margin:0 15px;}

.adv .adv-con ul li dl dt {height:479px;line-height:0;overflow:hidden;}

.adv .adv-con ul li dl dt img {width:100%;}

.adv .adv-con ul li dl dd {height:204px;background:#FFF;padding:52px 62px 0 81px;box-sizing:border-box;}

.adv .adv-con ul li dl dd .adv-desc {padding-left:55px;background:url(../images/ed-icon.png) no-repeat left;width:656px;float:left;box-sizing:border-box;}

.adv .adv-con ul li dl dd .adv-desc h4 {display:inline-block;height:44px;line-height:44px;position:relative;font-size:30px;color:#333333;}

.adv .adv-con ul li dl dd .adv-desc h4:before {width:134px;height:1px;background:#424242;content:"";position:absolute;top:22px;right:-147px;}

.adv .adv-con ul li dl dd .adv-desc p {font-size:16px;color:#333333;line-height:27px;}

.adv .adv-con ul li dl dd .adv-xq {margin-top:15px;}

.adv .adv-con ul li dl dd .adv-xq a {display:block;width:27px;height:27px;line-height:27px;font-size:16px;color:#333333;padding-bottom:27px;background:url(../images/ed-jt.png) no-repeat left bottom;}

.adv .adv-con ul li.cur dl dd h4 {color:#3871c1;}

.adv .adv-con ul li:hover .adv-xq a {background:url(../images/ed-jt_h.png) no-repeat left bottom;}

.adv .adv-jt {position:relative;}

.adv .adv-jt i {display:block;width:104px;height:104px;cursor:pointer;}

.adv .adv-jt .prev {background:url(../images/ed-prev.png) no-repeat center;position:absolute;left:-150px;top:-505px;}

.adv .adv-jt .next {background:url(../images/ed-next.png) no-repeat center;position:absolute;right:60px;top:-505px;}

.adv .hd {width:100%;text-align:center;cursor:pointer;z-index:3;margin-left:-91px;}

.adv .hd li {display:inline-block;width:28px;height:28px;line-height:28px;background:#C8C8C8;color:aliceblue;margin:0 15px;border-radius:50%;}

.adv .hd li.on {background:#3871c1;}

.yous {width:100%;min-width:1200px;position:relative;overflow:hidden;height:1050px;padding:70px 0 0;}
.yous_bot {width:1200px;height:125px;background:#fff;border-radius:100px;margin:40px auto 30px;box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);}
.yous_bot ul li {font-size:22px;color:#333;width:200px;height:85px;float:left;cursor:pointer;position:relative;z-index:1;padding:40px 0 0 40px;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;}
.yous_bot ul li:after {content:"";width:1px;height:92px;background:#d1d2d3;position:absolute;top:18px;left:0;z-index:-2;}
.yous_bot ul li em {width:45px;height:45px;font-size: 40px; display:block;overflow:hidden;float:left;}
.yous_bot ul li span {display:block;float:left;font-weight:bold;line-height:26px;padding-left:10px;}
.yous_bot ul li i {display:block;font-size:12px;color:#d6d6d6;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-weight:normal;}
.yous_bot ul li.on {color:#fff;}
.yous_bot ul li.on i {color:#bbd7ff;}
.yous_bot ul li.on em img {margin-top:-45px;}
.yous_bot ul li:first-child:after {background:none;}
.yous_bot li:before {content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#3871c1;height:125px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.yous_bot li:hover:before,.yous_bot li:focus:before,.yous_bot li:active:before,.yous_bot li.on:before {right:0;}
.yous_bot ul li:first-child,.yous_bot ul li:first-child:before {border-radius:100px 0 0 100px;}
.yous_bot ul li.nobor,.yous_bot ul li.nobor:before {border-radius:0 100px 100px 0;}
.yous_con {width:1200px;height:600px;position:absolute;left:50%;margin-left:-600px;}
.yous_con .tempWrap .yous_m {margin-left:-1200px !important;}
.yous_con .tempWrap,.yous_con .tempWrap .yous_m {overflow:visible !important;}
.yous_con dl {width:1200px;height:600px;position:relative;}
.yous_con dl dt {width:1200px;height:600px;line-height:0;overflow:hidden;}
.yous_con dl dt img {width:1200px;height:600px;}
.yous_con dl dd {width:455px;height:300px;position:absolute;bottom:0;right:0;background:#3871c1;padding:55px 60px 0;}
.yous_con dl dd h5 {font-size:26px;color:#fff;height:44px;line-height:44px;overflow:hidden;}
.yous_con dl dd p {font-size:14px;color:rgba(255,255,255,1);line-height:24px;padding:5px 0 0;height:122px;overflow:hidden;}
.yous_con dl dd span {display:block;font-size:16px;color:#fff;padding:20px 0 0;height:30px;line-height:30px;}
.yous_con dl dd span b {font-size:24px;}
.yous_con dl dd span i {padding:0 5px;}
.yous .pnBtn .blackBg {display:block;position:absolute;left:0;top:0;width:100%;height:600px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.yous .pnBtn {position:absolute;z-index:1;top:410px;width:100%;height:600px;cursor:pointer;}
.yous .prev {left:-50%;margin-left:-600px;}
.yous .next {left:50%;margin-left:600px;}
.yous .pnBtn .arrow {display:block;position:absolute;top:0;z-index:10;width:10px;height:600px;background:#fff;}
.yous .prev .arrow {right:0;}
.yous .next .arrow {left:0;}

.pro {overflow:hidden;width:100%;height:570px;background:url(beijing1.jpg)  no-repeat center;}

.pro .container {overflow:hidden;width:1200px;margin:0 auto;position:relative;padding-top:10px;}

.pro .container .pro01 {width:1200px;height:420px;background:url(ys_01.png)  no-repeat center;}

.pro .container .pro01 .nin1 {float:right;line-height:60px;padding:80px 40px 25px 0;font-size:41px;font-weight:bold;color:#cd1017;border-bottom:1px #c8c8c8 solid;}

.pro .container .pro01 .nin1 span {color:#333;}

.pro .container .pro01 .nin2 {float:right;padding:20px 62px 25px 0;font-size:25px;color:#333;}

.pro .container .pro01 .nin2 span {color:#3871c1;}

.pro .container .pro01 .nin3 {float:left;display:block;padding:113px 0 50px 0;font-size:20px;color:#333;}

.pro .container .pro01 .nin3 li {list-style:none;position:absolute;}

.pro .nin3 li.wenti01 {padding-left:145px;}

.pro .nin3 li.wenti02 {padding-left:368px;}

.pro .nin3 li.wenti03 {padding-left:588px;}

.pro .nin3 li.wenti04 {padding-left:810px;}

.pro .nin3 li.wenti05 {padding-left:1032px;}

.pro .container .pro02 {float:left;width:560px;height:180px;}

.pro .container .pro02 .te01 {padding-top:20px;}

.pro .container .pro02 .prpic {float:left;}

.pro .container .pro02 .se01 {font-size:20px;font-weight:bold;color:#333;float:left;border-bottom:1px #c8c8c8 solid;margin-left:14px;padding-bottom:10px;width:449px;}

.pro .container .pro02 .se01 span,.pro .container .pro02  p span {color:#cd1017;}

.pro .container .pro02 .se02 {font-size:15px;color:#333;margin-left:105px;padding-top:50px;}

.pro .container .pro02 .primg {margin-top:50px;}

.pro .container .pro02 .primg img {margin-right:20px;}

.pro .container .pro02 .primg img:last-child {margin-right:0;}

.pro .container .pro02  p {background:url(pro03.png)  no-repeat left 20px;height:25px;padding:20px 0px 0px 30px;line-height:25px;font-size:14px;}

.pro .container .pro03 {float:left;width:560px;height:180px;}

.pro .container .pro03 .te01 {padding-top:20px;}

.pro .container .pro03 .prpic {float:left;}

.pro .container .pro03 .se01 {font-size:20px;font-weight:bold;color:#333;float:left;border-bottom:1px #c8c8c8 solid;margin-left:20px;padding-bottom:10px;width:455px;}

.pro .container .pro03 .se01 span,.pro .container .pro03  p span {color:#cd1017;}

.pro .container .pro03 .se02 {font-size:15px;color:#333;margin-left:105px;padding-top:50px;}

.pro .container .pro03 .primg {margin-top:50px;}

.pro .container .pro03 .primg img {margin-right:20px;}

.pro .container .pro03 .primg img:last-child {margin-right:0;}

.pro .container .pro03  p {background:url(pro03.png)  no-repeat left 20px;height:25px;padding:20px 0px 0px 30px;line-height:25px;font-size:14px;}

.ldr-roll {padding-top:10px;padding-bottom:20px;clear:both;margin-top:20px;height:340px;}

.ldr-roll .slideGroup {}

.ldr-roll .slideGroup .parHd {height:50px;line-height:50px;}

.ldr-roll .slideGroup .parHd ul li {width:200px;height:50px;line-height:50px;text-align:center;color:#fff;background:#333;float:left;margin-right:10px;font-size:16px;}

.ldr-roll .slideGroup .parHd ul .on {background:#3871c1;}

.ldr-roll .slideGroup .parHd .roll-hr {height:1px;width:440px;background:#888;float:left;margin-top:26px;margin-left:50px;}

.ldr-roll .slideGroup .parHd  a {float:right;}

.ldr-roll .slideGroup .parBd {position:relative;margin-top:20px;}

.ldr-roll .slideBox .sPrev,.ldr-roll .slideBox .sNext {display:block;background:#999;line-height:59px;cursor:pointer;position:absolute;width:50px;height:50px;text-align:center;margin-top:70px;z-index:10;border-radius:100px;}

.ldr-roll .slideBox .sPrev {left:-50px;}

.ldr-roll .slideBox .sNext {right:-50px;}

.ldr-roll .slideBox .sPrev:hover,.ldr-roll .slideBox .sNext:hover {background:#3871c1;}

.ldr-roll .slideBox a span {font-size:30px;color:#fff;}

.ldr-roll .slideBox ul {overflow:hidden;zoom:1;}

.ldr-roll .slideBox ul li {margin:0 9px;float:left;_display:inline;overflow:hidden;width:280px;background:#fff;text-align:center;}

.ldr-roll .slideBox ul li .pic {padding:6px;border:1px solid #ccc;}

.ldr-roll .slideBox ul li .pic img {width:100%;display:block;}

.ldr-roll .slideBox ul li a {display:block;margin:10px 0;}

.ldr-roll .slideBox ul li .pic video {width:100%;height:250px;}

.index-project {margin:20px auto}

.index-project .cont {overflow:hidden}

.index-project .cont ul {overflow:hidden;border:1px solid #ccc;border-top:0;border-bottom:0}

.index-project .cont ul li {float:left;overflow:hidden;width:239.6px;height:145px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center}

.index-project .cont ul li:nth-child(5) {border-right:0}

.index-project .cont ul li:nth-child(10) {border-right:0}

.index-project .cont ul li a {display:block}

.index-project .cont ul li img {display:block;margin:10px auto;width:65px}

.index-project .cont ul li span {display:block;margin-bottom:5px;font-size:18px}

.index-project .cont ul li small {color:#666;font-size:14px}

.index-show {margin:20px auto}

.index-show .hd {margin-left:120px}

.index-show .hd ul li {float:left;margin-right:30px;padding:0 10px}

.index-show .hd ul .on {background:#3871c1;color:#fff}

.index-show .cont {overflow:hidden;margin-top:10px}

.index-show .cont ul li {float:left;margin:10px 0;padding:20px;width:372px;border:1px solid #ccc;background:#efefef;text-align:center}

.index-show .cont ul li:nth-child(2) {margin:10px 42px}

.index-show .cont ul li:nth-child(5) {margin:10px 42px}

.index-show .cont ul li img {display:block;margin:0 auto;width:300px;height:225px}

.index-show .cont ul li span {display:block;margin:10px auto;font-size:16px}

.index-show .cont ul li p {color:#666}

.t_h2 {position:relative;margin:40px auto 40px;width:1200px;height:105px;background:url(tic.png) no-repeat center bottom;color:#303030;text-align:center;font-weight:700;font-size:32px;line-height:48px}

.t_h2 b {color:#3871c1}

.t_h2 strong {color:#3871c1}

.t_h2 em {display:block;color:#666;text-align:center;letter-spacing:3px;font-weight:400;font-size:18px;line-height:26px}

.t_h2 h1 {display:block;color:#666;text-align:center;letter-spacing:3px;font-weight:400;font-size:18px;line-height:26px}

.t_h2 a,.t_h2 a:hover {color:#303030;text-decoration:none}

.zs {overflow:hidden;background:url(zsb.jpg) no-repeat center 0}

.zs h3 {padding-top:103px;height:80px;background:url(../images/zs_03.jpg) no-repeat center 162px;color:#000;text-align:center;font-weight:400;font-size:40px}

.zs h3 span {color:#bd2327}

.zs .zsk {height:390px}

.zs .zsk ul {overflow:hidden;height:250px}

.zs .zsk li {float:left;margin:0 0 10px 10px;width:316px;height:120px;background:#f1f1f1;color:#666;text-align:center;font-size:18px}

.zs .zsk li i {display:block;margin:0 auto;padding:20px 0 10px;font-size:30px}

.zs .zsk li:first-child {margin:0;width:446px;height:250px}

.zs .zsk li:first-child {margin:0;width:446px;height:250px}

.zs .zsk li:first-child i {padding:87px 0 12px;font-size:40px}

.zs .zsk p {margin-top:20px;color:#666;text-align:center;font-size:18px}

.index-product {margin-bottom:40px;}

.index-product .cont {overflow:hidden}

.index-product .list {width:281px;border:2px solid #3871c1;border-top:6px solid #3871c1;overflow:hidden;margin-top:30px;}

.index-product .list h3 {background:#3871c1;height:80px;font-size:26px;text-align:center;overflow:hidden;line-height:34px;padding-top:14px;}

.index-product .list h3 a {color:#fff;}

.index-product .list img {width:100%}

.index-product .list h3 i {display:block;font-size:14px;color:#b8bfcd;font-weight:normal;text-transform:uppercase;line-height:30px;}

.index-product .list ul li {border-bottom:1px solid #ebebeb;overflow:hidden;font-size:16px;font-weight:normal;}

.index-product .list ul li a {color:#333333;background:url(list_ico01.gif) no-repeat 203px center;display:block;padding-left:47px;line-height:72px;}

.index-product .list ul li a:hover,.list h4.cur a {background:url(list_ico01.gif) no-repeat 203px center;color:#cd1017;}

.index-product .phone {clear:both;padding-top:10px;background:#fff;}

.index-product .phone i {font-size:18px;margin-right:10px;margin-left:30px;color:#3871c1;}

.index-product .phone strong {font-size:16px;font-weight:500;}

.index-product .phone li {height:50px;line-height:50px;color:#111;border:0;margin-left:0;margin-right:0;}

.index-product .cont .right ul li {position:relative;margin-top:30px;line-height:70px;}

.index-product .cont .right {float:right;width:910px}

.index-product .cont .right ul li {float:left;margin-left:10px;width:293px;border:solid 1px #d4d4d4;background:#f6f6f6;text-align:center}

.index-product .cont .right ul li img {width:100%}

.index-product .cont .right ul li span {display:block;    height: 80px;line-height: 40px;}

.index-product .cont .right ul li .pro_show {position:absolute;top:0;left:0;z-index:60;display:none;width:100%;height:100%;background:url(pro_Lyy.png) repeat}

.index-product .cont .right ul li .pro_show a {display:block;width:100%;height:100%;text-align:center}

.index-product .cont .right ul li .pro_show a span {display:block;cursor:pointer;line-height:28px;}

.index-product .cont .right ul li .pro_show a b {display:inline-block;cursor:pointer;margin-left:17%;line-height:34px;}

.index-product .cont .right ul li .pro_shname {display:block;overflow:hidden;margin-top:30px;margin-bottom:14px;height:24px;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px}

.index-product .cont .right ul li .pro_shintro {padding:20px;color:#fff;font-size:14px}

.index-product .cont .right ul li .pro_shMore {display:block;margin:0 auto;width:93pt;height:36px;border:1px solid #fff;color:#fff;text-align:center;font-size:14px;line-height:36px}

.index-product .cont .right ul li .pro_shMore b {padding-right:26px;background:url(pro_Lmicon.png) no-repeat right;font-weight:400}

.index-product .cont .right ul li:hover .pro_show {display:block}

.index-ys {padding-top:25px;height:1688px;background:url(ys_bg.jpg) no-repeat center 0}

.index-ys .t_h2 em {color:#d4d4d4}

.index-ys .t_h2 b {color:#fff;}

.index-ys h2 {height:145px}

.index-ys h2:after {display:none}

.index-ys h2 b,.ys h2 i {color:#fff}

.index-ys h2 em {position:relative;top:-15px;display:inline-block;color:#3871c1;vertical-align:top;font-size:90px;font-family:Arial}

.team {height:450px;background:url(ys1.jpg) no-repeat}

.team h3 {float:left;padding-top:103px;width:195px;background:url(one.jpg) no-repeat;color:#fff;text-align:center;font-size:28px;line-height:68px}

.team ul {float:right;margin-top:64px;width:570px}

.team li {float:left;margin-bottom:35px;width:285px}

.team li b {display:block;margin-bottom:14px;color:#333;font-size:20px;line-height:20px}

.team li p {position:relative;color:#333;font-size:14px;line-height:24px}

.team li p:after {position:absolute;top:0;left:-10px;content:"-"}

.pz {margin:15px 0 13px;padding:0 50px;height:525px;background:#fff}

.pz h3 {padding:15px 0 0;height:98px;font-size:0}

.pz h3 b {display:block;color:#333;font-size:28px;line-height:36px}

.pz_con {height:144px}

.pz_con li {float:left;width:320px}

.pz_con li b {display:block;margin-bottom:22px;color:#333;font-size:18px;line-height:18px}

.pz_con li p {position:relative;height:65px;color:#333;font-size:15px;line-height:24px}

.pz_con li p:after {position:absolute;bottom:0;left:0;width:68px;height:2px;background:#3871c1;content:""}

.pz_list li {float:left;margin-right:13px;width:265px}

.pz_list li:last-child {margin-right:0}

.pz_list li i {display:block;overflow:hidden;height:199px}

.pz_list li img {width:265px;height:199px;transition:all .5s}

.pz_list li i:hover img {transform:scale(1.05)}

.pz_list li span {display:block;overflow:hidden;padding-top:18px;height:24px;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:24px}

.pz_list li:hover span {color:#3871c1}

.bz {padding:0 50px;height:439px;border-bottom:1px solid #efefef;background:#fff}

.bz h3 {padding:45px 0 0;font-size:0}

.bz h3 b {display:block;color:#333;font-size:28px;line-height:36px}

.bz li {position:relative;float:left;width:220px;height:269px;border:6px solid transparent}

.bz li img {display:block;margin:25px auto 0}

.bz li b {display:block;padding:18px 0 14px;color:#333;text-align:center;font-size:24px;line-height:24px}

.bz li p {padding:0 20px;color:#333;font-size:14px;line-height:24px}

.bz li.cur,.bz li:hover {border-color:#3871c1}

.bz li.cur:after,.bz li:hover:after {position:absolute;top:58px;left:-21px;width:6px;height:6px;border:15px solid #333;border-top:0;border-bottom:0;background:#3871c1;content:""}

.index-fuw {overflow:hidden;height:563px;background:url(fuw_bg.jpg) no-repeat center 0}

.index-fuw .fuw01 {width:700px}

.index-fuw .fuw01 p {margin-top:8px;padding-bottom:22px;width:698px;height:71px;background:url(fuw_k01.png) no-repeat}

.index-fuw .fuw01 p em {float:left;display:block;overflow:hidden;padding-left:116px;width:260px;background:url(fuw_ico01.png) no-repeat 65px 22px;color:#fff;font-size:20px;line-height:70px}

.index-fuw .fuw01 p span {float:left;display:block;padding:10px 0 0 40px;color:#787878;font-size:14px;line-height:24px}

.index-fuw .fuw01 p i {display:block}

.index-fuw .fuw01 p:hover {background:url(fuw_k02.png) no-repeat}

.service {margin-top:20px}

.service .cont ul {overflow:hidden}

.service .cont ul li {float:left;margin:10px;padding:20px;width:220px;background:#eee;text-align:center}

.service .cont ul li i {width:100px;height:100px;border-radius:100px;background:#fff;color:#3871c1;font-size:40px;line-height:100px}

.service .cont ul li span {display:block;margin:10px auto;font-weight:700;font-size:18px}

.service .cont ul li p {color:#666}

.service .cont ul li:hover {-webkit-transform:translateY(-5px);transform:translateY(-5px);-ms-transform:translateY(-5px)}

.index-news .cont {overflow:hidden}

.index-news .left {float:left;width:700px}

.index-news .left .title {overflow:hidden}

.index-news .left .title span {float:left;display:block;width:100px;height:35px;background:#3871c1;color:#fff;text-align:center;font-size:16px;line-height:35px}

.index-news .left .title span a {color:#fff}

.index-news .left .title .hr {float:left;margin-top:18px;margin-left:20px;width:500px;height:1px;background:#ccc}

.index-news .left ul {margin-top:25px;padding-right:20px;border-right:1px dashed #ccc}

.index-news .left ul li {overflow:hidden;margin-bottom:15px}

.index-news .left ul li img {float:left;width:265px;height:198px}

.index-news .left ul li .text {float:right;width:390px}

.index-news .left ul li .text span {color:#3871c1;font-size:18px}

.index-news .left ul li .text p {margin-top:20px;color:#666}

.index-news .left ul li .text a {display:block;margin-top:20px;width:70px;height:20px;border-radius:100px;background:#3871c1;color:#fff;text-align:center;line-height:20px}

.index-news .right {float:right;width:460px}

.index-news .right .hd {overflow:hidden}

.index-news .right .hd ul li {float:left;display:block;margin-right:10px;width:100px;height:35px;background:#acacac;color:#333;text-align:center;font-size:16px;line-height:35px}

.index-news .right .hd ul li.on {background:#3871c1}

.index-news .right .hd ul li a {color:#fff}

.index-news .right .bd {margin-top:15px}

.index-news .right .bd ul li a {display:block;height:50px;border-bottom:1px dashed #eee;color:#666;line-height:50px}

.index-news .right .bd ul li i {margin-right:10px;font-size:16px;flaot:left}

.index-news .right .bd ul li small {float:right}

.index-news .right .bd ul li a:hover {color:#3871c1}

.yqlj .container {height:160px;background:url(yqlj.png)}

.yqlj ul {padding-top:75px;padding-left:130px}

.yqlj li {float:left;margin-right:10px;font-size:12px}

.yqlj li a {color:#aaa}

.footer {clear:both;background:#3e3e3e}

.footer .foot-nav {overflow:hidden;height:50px;border-bottom:1px solid #5a5a5a;line-height:50px}

.footer .foot-nav ul li {float:left}

.footer .foot-nav ul li a {padding:0 37px;border-right:1px solid #5a5a5a;border-left:1px solid #333;color:#fff}

.footer .foot-center {overflow:hidden;border-top:1px solid #333}

.footer .foot-center .left {float:left}

.footer .foot-center .left .logo {float:left}

.footer .foot-center .left .logo img {margin-top:38px;width:200px}

.footer .foot-center .left ul {float:left;margin-top:30px;margin-left:50px;width:630px}

.footer .foot-center .left ul li {height:45px;color:#fff;font-size:15px;line-height:45px}

.footer .foot-center .left ul li i {margin-right:10px;width:35px;height:35px;border-radius:100px;background:#3871c1;text-align:center;font-size:16px;line-height:35px}

.footer .foot-center .right {float:right}

.footer .foot-center .right .right-title {margin-right:118px;margin-bottom:20px;color:#fff;text-align:right;line-height:50px}

.footer .foot-center .right ul li {float:left;margin-top:35px;margin-left:20px;width:140px;text-align:center}

.footer .foot-center .right ul li img {width:100%}

.footer .foot-center .right ul li span {display:block;margin-top:10px;color:#fff}

.footer .foot-bottom {clear:both;overflow:hidden;margin-top:30px;background:#2a2a2a;color:#ccc;line-height:40px}

.footer .foot-bottom a {color:#ccc}

.footer .foot-bottom small {float:left;display:block;line-height:20px}

.banner-about {height:270px;background:url(banner-about.jpg) top center}

.banner-image {height:270px;background:url(banner-image.jpg) top center}

.banner-news {height:270px;background:url(banner-news.jpg) top center}

.banner-join {height:270px;background:url(banner-join.jpg) top center}

.inner-place {overflow:hidden;margin-top:0;padding:0 20px;height:40px;border-bottom:1px solid #e8e8e8;background:#fafafa;line-height:40px}

.inner-place span {color:#333;font-size:14px}

.inner-place a {margin-right:10px;color:#333}

.inner-place .inner-position {float:left;color:#333}

.inner .inner-nav {margin-top:20px;margin-bottom:20px}

.inner .inner-nav ul {text-align:center}

.inner .inner-nav ul li {display:inline-block;width:120px;height:40px;background:#555;line-height:40px}

.inner .inner-nav ul li a {color:#fff}

.inner .inner-nav ul .hover {background:#3871c1}

.inner .side-nav ul {text-align:center}

.inner .side-nav ul li {height:60px;border-bottom:1px dashed #ccc;background:#eee;line-height:60px; font-size: 16px;}

.inner .side-nav ul li a {display:block;color:#333}

.inner .side-nav ul .hover {background:#3871c1;color:#fff}

.inner .inner-title {text-align:center}

.inner .inner-title .t-1 {color:#333;font-weight:700;font-size:24px}

.inner .inner-title .t-2 {margin:10px auto;width:100px;height:2px;background:#3871c1}

.page-about .block-1 {height:600px;background:url(page-about-1-bg.jpg) center center}

.page-about .block-1 .left {float:left;margin-left:0;padding-top:87px}

.page-about .block-1 .left .title {margin-bottom:15px;color:#3871c1;font-weight:700;font-size:30px}

.page-about .block-1 .left .title span {margin-right:10px}

.page-about .block-1 .left small {color:#666;font-size:20px}

.page-about .block-1 .left .text {margin-top:24px;}

.page-about .block-1 .left .text p {color:#666;font-size:16px}

.page-about .block-1 .left ul {margin-top:50px;height:140px}

.page-about .block-1 .left ul li {float:left;padding-left:65px;width:314px;font-size:18px;line-height:69px}

.page-about .block-1 .left ul li span {color:#3871c1;font-weight:700;font-size:36px}

.page-about .block-1 .right {float:right;margin-right:69px;padding-top:27px}

.page-about .block-1 .right video {width:390px;height:565px;background:#f7f7f7}

.page-about .block-2 {margin-top:30px;padding-top:30px;padding-bottom:30px;background:#fafafa}

.page-about .block-2 .cont {margin-top:10px}

.page-about .block-2 .hd {overflow:hidden;border-bottom:1px solid #ccc}

.page-about .block-2 .hd ul li {display:inline-block;margin:0 10px;padding:0 10px;font-size:18px;line-height:40px}

.page-about .block-2 .hd ul .on {background:#3871c1;color:#fff}

.page-about .block-2 .bd {overflow:hidden;margin-top:20px}

.page-about .block-2 .bd img {float:left;display:block;margin:40px 0;width:1200px;height:300px;border-radius:10px}

.page-about .block-2 .bd .text {float:left;width:400px}

.page-about .block-2 .bd .text span {display:block;margin-top:10px;margin-bottom:10px;color:#3871c1;text-align:center;font-weight:700;font-size:24px}

.page-about .block-2 .bd .text p {text-align:center;font-size:16px}

.page-about .block-3 {padding-top:30px}

.page-about .block-3 .cont {overflow:hidden}

.page-about .block-3 .cont ul li {float:left;margin:10px;width:380px;height:300px;background:#fafafa}

.page-about .block-3 .cont ul li img {width:380px;height:300px}

.page-join .block-1 {height:750px;background:url(page-join-1-bg.jpg) center center}

.page-join .block-1 .title {float:left;margin-top:190px;margin-left:17px;width:260px;height:110px}

.page-join .block-1 .title small {display:block;color:#fff;font-size:24px}

.page-join .block-1 .title span {display:block;margin-top:10px;color:#fff;font-size:40px}

.page-join .block-1 .cont {position:relative;float:right;margin-top:200px;width:906px;height:550px}

.page-join .block-1 .cont span {color:#3871c1;font-size:20px}

.page-join .block-1 .cont small {color:#ccc;font-size:14px}

.page-join .block-1 .cont p {margin-top:20px;color:#666;font-size:16px}

.page-join .block-1 .cont .box-1 {position:absolute;top:12px;left:24px;width:260px;height:140px}

.page-join .block-1 .cont .box-2 {position:absolute;top:12px;left:330px;width:260px;height:140px}

.page-join .block-1 .cont .box-3 {position:absolute;top:12px;left:630px;width:260px;height:140px}

.page-join .block-1 .cont .box-4 {position:absolute;top:300px;left:24px;width:260px;height:140px}

.page-join .block-1 .cont .box-5 {position:absolute;top:300px;left:330px;width:260px;height:140px}

.page-join .block-1 .cont .box-6 {position:absolute;top:300px;left:630px;width:260px;height:140px}

.page-join .block-2 {padding-top:30px}

.page-join .block-2 .cont {position:relative;height:642px;background:url(page-join-2-bg.jpg) center center;font-size:18px}

.page-join .block-2 .cont .box-1 {position:absolute;top:210px;left:80px}

.page-join .block-2 .cont .box-2 {position:absolute;top:210px;left:386px}

.page-join .block-2 .cont .box-3 {position:absolute;top:210px;left:692px}

.page-join .block-2 .cont .box-4 {position:absolute;top:210px;right:135px}

.page-join .block-2 .cont .box-5 {position:absolute;top:510px;right:135px}

.page-join .block-2 .cont .box-6 {position:absolute;top:510px;left:690px}

.page-join .block-2 .cont .box-7 {position:absolute;top:510px;left:382px}

.page-join .block-2 .cont .box-8 {position:absolute;top:510px;left:80px}

.page-join .block-3 {height:540px;background:url(page-join-3-bg.jpg) center center}

.page-join .block-3 .inner-title {padding-top:20px;color:#fff}

.page-join .block-3 .inner-title .t-1 {color:#fff}

.page-join .block-3 .inner-title .t-2 {background:#eee}

.page-join .block-3 .cont {position:relative;height:422px}

.page-join .block-3 .cont em {display:block;color:#ccc;font-weight:700;font-size:40px}

.page-join .block-3 .cont span {display:block;color:#fff;font-weight:700;font-size:24px}

.page-join .block-3 .cont p {display:block;color:#eee}

.page-join .block-3 .cont .text-1 {position:absolute;top:30px;left:0;width:310px}

.page-join .block-3 .cont .text-2 {position:absolute;top:30px;right:0;width:310px}

.page-join .block-3 .cont .text-3 {position:absolute;bottom:10px;left:0;width:310px}

.page-join .block-3 .cont .text-4 {position:absolute;right:0;bottom:10px;width:310px}

.page-join .block-4 {padding-top:20px}

.page-join .block-4 .cont {position:relative;height:800px;background:url(page-join-4-bg.jpg) center center;font-size:18px}

.page-contact {}

.page-contact .inner-title {margin:30px auto}

.page-contact .block .cont {margin-bottom:100px;padding:80px;border-radius:20px;background:#fff}

.page-contact .block .cont .map {position:relative;overflow:hidden;height:300px;border:1px solid #ccc;border-radius:10px}

.page-contact .block .cont .make {position:absolute;top:0;z-index:10;width:100%;height:300px;}

.page-contact .block .cont .text {margin-top:40px;text-align:center}

.page-contact .block .cont .text span {display:block;margin-bottom:30px;text-align:center;font-size:27px}

.page-contact .block .cont .text span strong {color:#3871c1}

.page-contact .block .cont .text small {color:#999;font-size:18px}

.page-contact .block .cont ul {overflow:hidden;margin:0 auto;margin-top:46px;width:1100px}

.page-contact .block .cont ul li {float:left;margin:0 40px;width:470px;height:90px;font-size:20px}

.page-contact .block .cont ul li i {float:left;display:block;margin-right:20px;height:80px;color:#3871c1;font-size:50px}

.page-contact .block .cont ul li span {float:left;display:block;width:380px}

.relevant-product {float:left;margin-top:20px;padding:30px 10px;width:100%;background:#fff}

.relevant-product .rel-title {width:98%;background:#3871c1;color:#fff;text-align:center;font-size:16px;line-height:40px}

.relevant-product ul li {float:left;overflow:hidden;margin:0 10px;margin:3px;padding:10px 0;width:23%;width:24%;border-bottom:1px dashed #ccc;text-align:center}

.relevant-product ul li img {width:100%}

.relevant-product ul li span {display:block;margin:5px auto}

.list-image .zb-list .cont {float:left;padding-top:10px;background:#fff}

.list-image .zb-list .cont ul {overflow:hidden}

.list-image .zb-list .cont ul li {float:left;margin:10px;padding:10px;width:380px;height:370px;border:1px solid #ccc;background:#fafafa;text-align:center}

.list-image .zb-list .cont ul li:hover {border:1px solid #c4c4c4;box-shadow:1px 1px 10px rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.list-image .zb-list .cont ul li img {width:100%}

.list-image .zb-list .cont ul li h5 {overflow:hidden;padding:10px 0;color:#353535;font-size:16px}

.list-image .zb-list .cont ul li p {margin-top:10px;color:#555;font-size:12px}

.show-image {background:#fafafa}

.show-image .shop {overflow:hidden;box-sizing:border-box;margin:0 auto;padding:20px;width:1200px;height:460px;min-width:900px;border:1px solid #e8e8e8;background:#fff}

.show-image .shop .left {float:left;width:430px;height:auto}

.show-image .shop .left .show {position:relative;overflow:hidden;margin-bottom:10px;width:430px;height:323px;border:1px solid #e8e8e8;cursor:move}

.show-image .shop .left .show img {width:100%;height:auto}

.show-image .shop .left .mask {position:absolute;top:0;left:0;display:none;width:215px;height:215px;background:#000;opacity:.5;filter:Alpha(opacity=50)}

.show-image .shop .left .smallshow {position:relative;width:100%;height:70px}

.show-image .shop .left .smallshow>.middle-box {overflow:hidden;height:70px}

.show-image .shop .left .smallshow .middle {overflow:hidden;height:70px;transition:all .5s}

.show-image .shop .left .smallshow .middle>li {float:left;padding:0 2px;width:86px;height:60px;cursor:pointer}

.show-image .shop .left .smallshow img {box-sizing:border-box;width:100%;border:2px solid #e8e8e8;transition:all .5s}

.show-image .shop .right {float:left}

.show-image .shop .right .bigshow {position:absolute;display:none;overflow:hidden;margin-left:10px;width:430px;height:400px;border:1px solid #e8e8e8}

.show-image .shop .right .bigshow img {margin-right:10px;width:800px;height:600px}

.show-image .shop .right .text {margin-left:20px;width:390px}

.show-image .shop .right .text-1 {color:#3871c1;font-size:24px}

.show-image .shop .right .text-2 {margin-top:15px;padding:10px;border:1px dashed #ccc;background:#eee}

.show-image .shop .right .text-3 {overflow:hidden;margin-top:20px}

.show-image .shop .right .text-3 ul li {float:left;margin-bottom:12px;line-height:30px;margin-left:10px;}

.show-image .shop .right .text-3 ul li span {float:left;margin-right:10px;padding:0 20px;background:#3871c1;color:#fff;font-size:16px}

.show-image .shop .right .text-4 {margin-top:15px}

.show-image .shop .contact {position:relative;float:right;padding:0;width:288px;border:1px solid #f3f3f3;border-radius:4px;background:#fff;text-align:center}

.show-image .shop .contact .box-1 {background-image:linear-gradient(-180deg,#fff5e0 0,#fff 100%);color:#ddc37a;line-height:40px}

.show-image .shop .contact .box-2 {margin:10px 0;font-size:18px}

.show-image .shop .contact .box-3 {border-bottom:1px solid #eee;font-size:18px;line-height:30px}

.show-image .shop .contact .box-4 {padding-bottom:10px}

.show-image .shop .contact .box-4 img {display:block;margin:10px auto;width:120px;border:1px solid #ccc}

.show-image .shop .contact .box-5 {clear:both;overflow:hidden;height:40px;border-top:1px solid #eee;background:#fbfbfb;line-height:40px}

.show-image .cont .cat-title {margin-bottom:10px;padding-left:10px;border-left:3px solid #3871c1;background:#ececec;font-size:16px;line-height:35px}

.show-image .cont .inner-left {float:left;margin-top:20px;padding:10px;width:870px;background:#fff}

.show-image .cont .inner-left .video video {width:800px}

.show-image .cont .inner-left .details {margin-top:20px}

.show-image .cont .inner-left .adv .dzys {margin-bottom:20px;}

.show-image .cont .inner-left .adv .dzys li {float:left;width:405px;border:1px solid #eee;margin-bottom:20px;}

.show-image .cont .inner-left .adv .dzys li img {width:405px;height:225px;}

.show-image .cont .inner-left .adv .dzys .ysbt {font-size:20px;color:#333333;font-weight:bold;display:block;padding:20px 15px 0;}

.show-image .cont .inner-left .adv .dzys .ysnr {padding:0px 15px 20px;display:block;font-size:15px;}

.show-image .cont .inner-left .adv .dzlin {width:80px;height:5px;display:block;margin-left:15px;margin-top:-7px;margin-bottom:10px;}

.show-image .cont .inner-left .adv .dzys .dzysr {float:right}

.show-image .cont .inner-left .adv .gs {width:930px;height:276px;margin-top:40px;}

.show-image .cont .inner-left .adv .gs_left {float:left;width:196px;height:230px;padding:10px 9px;background:#f4f4f4;border:2px solid #f4f4f4;margin-right:21px;border-radius:20px 20px;}

.show-image .cont .inner-left .adv .gs h3 {font-size:20px;color:#3871c1;text-align:center;margin-bottom:5px;padding:34px 0 12px;border-bottom:1px solid #e9e9e9;}

.show-image .cont .inner-left .adv .gs img {margin-bottom:10px;border-radius:5px;}

.show-image .cont .inner-left .adv .gs_left:hover,.gs_right:hover {border:2px solid #3871c1;}

.show-image .cont .inner-left .adv .gs p {margin:0;padding-top:30px;}

.show-image .cont .inner-left .adv .cptd {height: 500px; background:#f9f9f9;margin-top:25px;padding:20px 0;}

.show-image .cont .inner-left .adv .cptd ul {padding:10px 25px;}

.show-image .cont .inner-left .adv .cptd ul li {width:250px;float:left;background:#fff;text-align:center;color:#666;margin-right:25px;padding:25px 0 20px;height:180px;border-radius:20px;box-shadow:-1px -2px 20px 2px #ebebeb;transition:0.3s; margin-bottom: 40px;}

.show-image .cont .inner-left .adv .cptd ul li:hover {-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}

.show-image .cont .inner-left .adv .cptd ul li i { font-size: 40px; color: #3871c1; margin:0 auto;}

.show-image .cont .inner-left .adv .cptd .cptdr {margin-right:0;}

.show-image .cont .inner-left .adv .cptd ul li span {display:block;font-size:18px;font-weight:bold;margin:5px 0;color:#3871c1;}

.show-image .cont .inner-left .adv .cptd ul li em {font-style:normal;display:block;padding:5px 10px;font-size:14px;}

.show-image .cont .inner-left .adv .cpzsl {width:49%;float:left;border:1px solid #eee;}

.show-image .cont .inner-left .adv .cpzs {margin-bottom:20px;}

.show-image .cont .inner-left .adv .cpzs .cpzsr {float:right}

.show-image .cont .inner-right {float:right;margin-top:20px;padding:10px;width:310px;background:#fff}

.show-image .cont .inner-right ul li {width:100%}

.show-image .cont .inner-right ul li img {width:100%}

.show-image .cont .inner-right ul li span {display:block;text-align:center;font-size:16px}

.show-image .cont .inner-right ul li .badge {float:left}

.inner .inner-right .list-article .news-list {overflow:hidden;margin-bottom:20px;padding:20px;background:#fff}

.inner .inner-right .list-article .news-list li {margin-bottom:10px;padding-top:10px;height:165px;border-bottom:1px dashed #ccc;transition:all .6s}

.inner .inner-right .list-article .news-list li:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}

.inner .inner-right .list-article .news-list li img {float:left;display:block;margin-right:20px;padding:5px;width:200px;height:144px;border:1px solid #ccc}

.inner .inner-right .list-article .news-list li .text {float:left;margin-left:0;padding-top:10px;width:640px}

.inner .inner-right .list-article .news-list li .li-title {font-size:18px}

.inner .inner-right .list-article .news-list li .li-title a {color:#3871c1}

.inner .inner-right .list-article .news-list li .li-title h6 {padding-left:10px;color:#3871c1;font-weight:500;font-size:18px}

.inner .inner-right .list-article .news-list li .li-title h6 a {color:#3871c1}

.inner .inner-right .list-article .news-list li p {margin-top:10px;padding-left:10px;color:#666;font-size:14px}

.inner .inner-right .list-article .news-list li span {margin-left:10px;color:#999;font-size:12px}

.inner .inner-right .list-article .product-list {overflow:hidden;margin-bottom:20px;padding:20px;background:#fff}

.inner .inner-right .list-article .product-list li {margin-bottom:10px;padding-top:10px;float:  left;margin-right: 2%;width: 31%;transition:all .6s;}

.inner .inner-right .list-article .product-list li:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}

.inner .inner-right .list-article .product-list li img {float:left;display:block;margin-right:20px;padding:5px;width: 100%;border: 1px solid #3871c1;}

.inner .inner-right .list-article .product-list li .text {float:left;background: #3871c1;text-align:  center;height: 41px;width: 100%;}

.inner .inner-right .list-article .product-list li .li-title {font-size:18px}

.inner .inner-right .list-article .product-list li .li-title a {color:#3871c1}

.inner .inner-right .list-article .product-list li .li-title h6 {padding-left:10px;color: #ffffff;font-size: 17px;line-height: 38px;}

.inner .inner-right .list-article .product-list li .li-title h6 a {color:#3871c1}

.inner .inner-right .list-article .product-list li p {margin-top:10px;padding-left:10px;color:#666;font-size:14px}

.inner .inner-right .list-article .product-list li span {margin-left:10px;color:#999;font-size:12px}

.inner .news-show {float:left;margin-top:6px;padding:30px;width:910px;background:#fff}

.inner .news-show h1 {text-align:center;font-size:24px}

.inner .news-show .attr {overflow:hidden;margin-top:20px;padding-bottom:10px;border-bottom:1px dashed #ccc;text-align:center}

.inner .news-show .attr span {margin-right:10px}

.inner .news-show .attr i {margin-right:10px;color:#3871c1}

.inner .news-show .cont {margin-top:20px}

.inner .news-show .statement a {color:#3871c1}

.inner .news-show .news-tag {overflow:hidden;margin-top:10px}

.inner .news-show .news-tag .fa-tags {float:left;margin-top:3px;margin-right:10px;font-size:22px}

.inner .news-show .news-tag ul li a {float:left;display:block;margin-right:10px;padding:5px 10px;border:1px solid #ccc;border-radius:5px}

.inner .list-page {clear:both;overflow:hidden;margin-top:10px}

.inner .list-page ul {margin-top:10px}

.inner .list-page ul li {margin-bottom:10px;padding:10px;background:#eee}

.inner .list-page ul li a {color:#333;font-size:14px}

.inner .inner-page {clear:both;text-align:center}

.inner .inner-page ul {display:block;overflow:hidden;margin:10px auto;text-align:center}

.inner .inner-page li {display:inline-block;margin-right:-1px;border:1px solid #ccc}

.inner .inner-page li a {display:inline-block;padding:10px;color:#3871c1}

.inner .inner-page .active a {border-color:#3871c1;background-color:#3871c1;color:#fff}

.inner .inner-left {float:left;margin-top:20px;width:260px}

.inner .inner-left .left-title {background:#3871c1;color:#fff;text-align:center;font-weight:700;font-size:20px;line-height:55px}

.inner .inner-left .left-image {margin-top:10px;border:1px solid #3871c1;text-align:center}

.inner .inner-left .left-image ul li {margin:0 auto;width:250px}

.inner .inner-left .left-image ul li a {display:block;padding:10px 10px;border-bottom:1px dashed #ccc;font-size:14px}

.inner .inner-left .left-image ul li img {width:100%}

.inner .inner-left .left-contact {margin-top:10px}

.inner .inner-left .left-contact .cont {padding:10px;border:1px solid #3871c1}

.inner .inner-left .left-contact .cont span {display:block;margin:5px auto;text-align:center;font-weight:700;font-size:16px}

.inner .inner-left .left-contact .cont img {display:block;margin:10px auto;width:200px;box-shadow:0 0 5px #ccc}

.inner .inner-left .left-contact .cont p {margin-bottom:10px;color:#666}

.inner .inner-left .left-contact .cont p i {margin-right:10px;width:15px}

.inner .inner-right {float:right;overflow:hidden;margin-top:20px;width:910px}

.rec-news {margin:0 auto;margin-bottom:20px;background:#fff}

.rec-news .title {clear:both;overflow:hidden;padding:0 20px;height:40px;border-top:1px solid #ccc;background:#3871c1;color:#fff;line-height:40px}

.rec-news .title span {color:#fff;font-weight:700;font-size:16px}

.rec-news .rec-news-img {overflow:hidden;padding:10px}

.rec-news .rec-news-img li {overflow:hidden;padding-bottom:10px;border-bottom:1px dashed #94896b}

.rec-news .rec-news-img li img {float:left;margin-right:10px;padding:2px;width:180px;height:126px;border:1px solid #3871c1}

.rec-news .rec-news-img li a {padding-top:20px;color:#3871c1;font-size:16px}

.rec-news .rec-news-img li p {margin-top:10px;color:#666}

.rec-news .rec-news-img li span {color:#999}

.rec-news .rec-news-list {overflow:hidden;padding:10px}

.rec-news .rec-news-list li {float:left;margin:0 10px;width:370px;height:40px;border-bottom:1px dashed #ccc;line-height:40px}

.rec-news .rec-news-list li span {margin-right:20px;color:#3871c1}

.rec-news .rec-news-list li a {COLOR:#666}

.rec-news .rec-news-list li small {float:right}

.inner-search {background:#eee}

.inner-search .block-1 {margin-top:30px}

.inner-search .block-2 {margin-top:10px;text-align:center}

.inner-search .block-3 {margin:20px auto}

.inner-search .block-3 ul li {display:inline-block;overflow:hidden;margin:10px;width:377px;background:#fff}

.inner-search .block-3 ul li a {display:block}

.inner-search .block-3 ul li img {width:100%;border:1px solid #ccc}

.inner-search .block-3 ul li h2 {margin-top:10px;padding:10px 20px;color:#333;font-weight:700;font-size:16px}

.inner-search .block-3 ul li p {padding:10px 20px;height:80px;color:#666}

.inner-search .block-3 ul li .info {overflow:hidden;padding:10px 20px;height:50px;background:#f5f5f5;color:#666}

.inner-search .block-3 ul li .info .left {float:left}

.inner-search .block-3 ul li .info .right {float:right}

.inner-search .block-3 ul li .info i {margin-right:10px}

.inner-search .block-3 ul li .info font {color:#777}

.inner-search .block-3 ul li .info .fa-eye {margin-left:10px}

.inner-search .block-3 ul li .right {overflow:hidden}

.inner-search .block-3 ul li .right i {float:left;margin-right:10px}

.inner-search .block-3 ul li .right .tag-name {float:left;color:#666;font-size:12px}

.inner-search .block-3 ul li:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}

.tag-home {margin-top:10px}

.tag-home .tag-title {margin:10px 0;height:50px;background:#f6f6f6;line-height:50px}

.tag-home .tag-title span {float:left;display:block;padding:0 10px;background:#3871c1;color:#fff;font-size:16px}

.tag-home .tag-about .tag-cont {padding:10px;border:1px solid #eee}

.tag-home .tag-block-1 {overflow:hidden;margin-top:10px}

.tag-home .tag-block-1 ul {float:left;margin:10px;padding:10px;width:380px;border:1px solid #eee}

.tag-home .tag-block-1 ul li {height:30px;border-bottom:1px dashed #ccc;font-size:14px;line-height:30px}

.tag-home .tag-block-1 ul li span {float:right}

.tag-home .tag-block-2 {overflow:hidden;margin-top:10px}

.tag-home .tag-block-2 .tag-cont {overflow:hidden;padding:10px;border:1px solid #eee}

.tag-home .tag-block-2 .left {float:left;width:530px}

.tag-home .tag-block-2 .right {float:right;width:530px}

.tag-home .tag-block-2 ul li img {width:100%;height:340px}

.tag-home .tag-block-2 ul li h6 {height:37px;border-bottom:1px dashed #ccc;font-size:14px;line-height:37px}

.tag-home .tag-block-2 ul li span {float:right}

.tag-home .tag-block-3 {overflow:hidden;margin-top:10px}

.tag-home .tag-block-3 .tag-cont {overflow:hidden;padding:10px;border:1px solid #eee}

.tag-home .tag-block-3 ul li {float:left;margin:10px;padding:10px;width:316px;border:1px solid #ccc}

.tag-home .tag-block-3 ul li img {width:100%}

.tag-home .tag-block-3 ul li span {display:block;height:30px;text-align:center;line-height:30px}

.tag-home .tag-block-4 {overflow:hidden;margin-top:10px}

.tag-home .tag-block-4 .tag-cont {overflow:hidden}

.tag-home .tag-block-4 ul li {float:left;margin:10px;width:380px;height:80px;border:1px solid #eee}

.tag-home .tag-block-4 ul li i {float:left;margin-right:10px;width:100px;height:80px;color:#fff;text-align:center;font-size:30px;line-height:80px}

.tag-home .tag-block-4 ul li .fa-phone {background:#a7d82e}

.tag-home .tag-block-4 ul li .fa-internet-explorer {background:#5593ef}

.tag-home .tag-block-4 ul li .fa-map-marker {background:#efa900}

.tag-home .tag-block-4 ul li span {float:left;display:block;font-size:18px;line-height:80px}

.tag-home .tag-block-5 {overflow:hidden;margin-top:10px}

.tag-home .tag-block-5 .tag-cont {overflow:hidden;padding:10px;border:1px solid #eee}

.tag-home .tag-block-5 .tag-cont a {float:left;display:block;margin:10px;padding:5px 8px;background:#eee}

blockquote {clear:both;overflow:hidden;padding:0;border-bottom:1px solid #3871c1;border-left:0;font-size:18px}

blockquote p {float:left;clear:both;margin:0;padding:10px 20px;background:#3871c1;color:#fff}

.foot-center .right ul li:nth-child(1) img{width: 140px;height: 140px;}

.search {position:relative;margin-top:20px;border:1px solid #e0e0e0;line-height: 40px;margin-left: 326px;float: right;}

 .search .sub {position:absolute;top:0;right:0;width:40px;height:40px;border:none;background:url(../images/icon.png) -94px 5px no-repeat #3871c1;cursor:pointer}

.search .text {float:right;padding-left:10px;width:230px;height:40px;border:none}


.pc_all .pc_all_contnet {max-width:1606px;margin:0 auto;}
.inside_main {padding:45px 0; }
.IndexProduct {padding-top:70px;}
.IndexProduct .IndexProduct_title dd {color:#0262b3;font-size:30px;position:relative;padding-left:18px;font-weight:bolder;}
.IndexProduct .IndexProduct_title dd:before {content:"";position:absolute;display:inline-block;width:5px;height:28px;background:#0262b3;left:0;top:20%;}
.IndexProduct .IndexProduct_title dd span {color:#888888;font-size:16px;margin-left:13px;font-weight:normal;}
.IndexProduct .IndexProduct_title dt {color:#d2d2d2;font-size:30px;text-transform:uppercase;}
.IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list {background:#efefef;height:354px;width:32%;margin-right:2%;position:relative;padding:40px 30px;margin-top:2%;}
.about {background:url("../images/bg35.jpg") no-repeat 50% 100%;padding-bottom:90px;}
.about .about_top .about_top_left {width:41%;font-size:14px;color:#444444;line-height:26px;text-indent:2em;text-align:justify;position:relative;margin-top:35px;}
.about .about_top .about_top_left dd {position:absolute;width:106%;left:0;top:0%;height:360px;background:#f3f3f3;padding:35px 45px;line-height:28px;border-radius:10px;z-index:2;}
.about .about_top .about_top_img {width:59%;height:410px;position:relative;top:-80px;}
.about .about_top .about_top_img img {position:absolute;width:100%;right:0;top:0;height:500px;object-fit:cover;}
.about .about_bottom {margin-top:560px;margin-bottom: 800px;}
.about .about_bottom .about_bottom_list {width:30%;background:#e8f5fe;border-radius:10px;text-align:center;padding-bottom:45px;position:relative;padding-top:75px;}
.about .about_bottom .about_bottom_list:last-child {margin-left:4%;}
.about .about_bottom .about_bottom_list:nth-child(2) {margin-left:4%;}
.about .about_bottom .about_bottom_list .bottom_list_icon {position:absolute;left:0;right:0;width:100%;text-align:center;top:-68px;}
.about .about_bottom .about_bottom_list .bottom_list_title {background:url("../images/bn40.png")/*tpa=http://www.sonnett.cn/skin/images/bn40.png*/ no-repeat 50% 50%;margin:25px 0px;}
.about .about_bottom .about_bottom_list .bottom_list_title dd {font-size:26px;color:#333333;margin-bottom:3px;}
.about .about_bottom .about_bottom_list .bottom_list_title dt {font-size:16px;color:#888888;text-transform:uppercase;}
.about .about_bottom .about_bottom_list .bottom_list_txt {font-size:14px;color:#555555;line-height:24px;text-align:left;text-indent:2em;padding:0px 45px;height:72px;}



.contact {padding:55px 0px;padding-bottom:20px;}
.contact .contact_content {margin-top:40px;}
.contact .contact_content .contact_content_list {width:48%;margin-right:4%;background:#f5f5f5;text-align:center;padding:35px 0px;margin-bottom:2.5%;border-radius:10px;}
.contact .contact_content .contact_content_list:nth-child(2n) {margin-right:0px;}
.contact .contact_content .contact_content_list dd {background:url("../images/bn40.png")/*tpa=http://www.sonnett.cn/skin/images/bn40.png*/ no-repeat 50% 50%;}
.contact .contact_content .contact_content_list dt {font-size:22px;color:#333333;margin-top:25px;}
.contact .contact_content .contact_content_list p {font-size:14px;color:#444444;margin-top:10px;}